<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>艺术家</title>
    <link rel="stylesheet" href="../css/artist.css">
</head>

<body>
    <div class="wrap">
        <header id="back">
            <nav>
                <div class="logo">
                    <img src="../images/common/logo.png" alt="">
                </div>
                <div class="search">
                    <input type="text">
                    <span>搜索</span>
                    <i class="iconfont icon-sousuo"></i>
                </div>
                <div class="title">
                    <a href="../pages/index.html">首页</a>
                    <a href="../pages/artwork.html">艺术品</a>
                    <a href="../pages/artist.html">艺术家</a>
                    <a href="../pages/exhibition.html">展览</a>
                    <a href="../pages/article.html">文章</a>
                </div>
                <div class="btnBox">
                    <button>注册</button>
                    <button>登录</button>
                </div>
            </nav>
            <div class="photo">
                <img src="../images/artist/banner.png" alt="">
            </div>
        </header>
        <main>
            <div class="content_top">
                <div class="left">
                    <div class="imgBox">
                        <img src="../images/artist/齐白石.png" alt="">
                    </div>
                    <div class="infoBox">
                        <p>齐白石</p>
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                        <button>+关注</button>
                    </div>
                </div>
                <div class="right">
                    百名画家集结于此，让我们时刻享受艺术的美。
                    使我们更能便捷的欣赏到艺术，且把艺术融入到
                    我们每个人的生活当中去，感受我们的艺术，也
                    时刻了解我们艺术家创作灵感。
                </div>
                <div class="redBorder"></div>
            </div>
            <div class="content_recom">
                <div class="title">
                    推荐画家
                </div>
                <div class="painters">
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/artist/刘溪子.png" alt="">
                        </div>
                        <div class="nameBox">
                            <p>薛飞</p>
                            <div class="empty">

                            </div>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/artist/刘溪子.png" alt="">
                        </div>
                        <div class="nameBox">
                            <p>刘溪子</p>
                            <div class="empty"></div>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/artist/房圣易.png" alt="">
                        </div>
                        <div class="nameBox">
                            <p>房圣易</p>
                            <div class="empty"></div>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/artist/杨竹喧.png" alt="">
                        </div>
                        <div class="nameBox">
                            <p>杨竹喧</p>
                            <div class="empty"></div>
                        </div>
                    </div>
                    <div class="circle">
                        <div class="imgBox">
                            <img src="../images/artist/高贝贝.png" alt="">
                        </div>
                        <div class="nameBox">
                            <p>高贝贝</p>
                            <div class="empty"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content_cf">
                <p><span>年代：</span>
                    <span class="change L">上世纪30-40年代</span>
                    <span class="change L">上世纪60-70年代</span>
                    <span class="change L">上世纪80-90年代</span>
                    <span class="change S">更多</span>
                    <span></span>
                </p>
                <p><span>类别：</span>
                    <span class="change S">油画</span>
                    <span class="change S">水墨</span>
                    <span class="change S">版画</span>
                    <span class="change S">雕塑</span>
                    <span class="change S">水彩</span>
                    <span class="change S">陶艺</span>
                    <span class="change S">摄影</span>
                    <span class="change S">更多</span>
                    <span></span>
                </p>
                <p><span>国家：</span>
                    <span class="change S">中国</span>
                    <span class="change S">英国</span>
                    <span class="change S">荷兰</span>
                    <span class="change S">法国</span>
                    <span class="change M">意大利</span>
                    <span class="change S">挪威</span>
                    <span class="change S">更多</span>
                    <span></span>
                </p>
            </div>
            <div class="content_bottom">
                <div class="artist">
                    <div class="imgBox">
                        <img src="../images/artist/图层 7.png" alt="">
                    </div>
                    <div class="infoBox">
                        <p>李戬</p>
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                        <button>+关注</button>
                    </div>
                </div>
                <div class="artist">
                    <div class="imgBox">
                        <img src="../images/artist/图层 8.png" alt="">
                    </div>
                    <div class="infoBox">
                        <p>张文朝</p>
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                        <button>+关注</button>
                    </div>
                </div>
                <div class="artist">
                    <div class="imgBox">
                        <img src="../images/artist/图层 9.png" alt="">
                    </div>
                    <div class="infoBox">
                        <p>张玲</p>
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                        <button>+关注</button>
                    </div>
                </div>
                <div class="artist">
                    <div class="imgBox">
                        <img src="../images/artist/图层 10.png" alt="">
                    </div>
                    <div class="infoBox">
                        <p>杨帆水彩</p>
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                        <button>+关注</button>
                    </div>
                </div>
                <div class="artist">
                    <div class="imgBox">
                        <img src="../images/artist/图层 11.png" alt="">
                    </div>
                    <div class="infoBox">
                        <p>张效仿</p>
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                        <button>+关注</button>
                    </div>
                </div>
                <div class="artist">
                    <div class="imgBox">
                        <img src="../images/artist/图层 12.png" alt="">
                    </div>
                    <div class="infoBox">
                        <p>雯迪</p>
                        <p>发表过<span>122</span>件艺术品</p>
                        <p>被<span>1300</span>位圈内人关注</p>
                        <button>+关注</button>
                    </div>
                </div>
            </div>
            <div class="loading">
                <img src="../images/common/加载中.png" alt="">
                <p>加载中</p>
            </div>
            <div class="backBox">
                <a href="#back"><i class="iconfont icon-xiangshang"></i></a>
            </div>
        </main>
        <footer>
            <div class="footer_top">
                <a href="">客服中心</a>
                <a href="">专家顾问</a>
                <a href="">法律政策</a>
                <a href="">关于我们</a>
                <a href="">企业服务</a>
                <a href="">中文</a>
                <a href="">English</a>
            </div>
            <div class="footer_bottom">
                <p>我们在这：北京市小店区平阳路122号 电话：010-12345678
                    邮箱：957894748@126.com
                </p>
                <img src="../images/common/二维码.jpg" alt="">
            </div>
        </footer>
    </div>
</body>

</html>